<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>实时监控</title>
    <script src="../commom/jquery211.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="../commom/bootstrap-paginator.js"></script>
    <!--<script src="../commom/echarts.min.js"></script> -->
    <script src="../commom/bootstrap-select.min.js"></script>
    <script src="../commom/defaults-zh_CN.min.js"></script>
    <script src="../commom/bootstrap-table.js"></script>
    <script src="../commom/bootstrap-table-zh-CN.js"></script>
    <script src="../commom/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script src="../commom/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script src="../commom/cy_common.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/bootstrap-select.min.css">
    <link rel="stylesheet" href="../css/bootstrap-table.css">
    <link rel="stylesheet" href="../css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="../css/maincss.css">
    <script src="../js/cy_note.js"></script>
</head>

<div class="modal fade" id="accident_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="width: 840px">
            <div class="modal-header">
                <h4 class="modal-title">查看信息</h4>
            </div>
            <div class="modal-body" style="padding-top: 5px; padding-bottom: 5px">
                <table id="accident_form" class="input_table">
                    <colgroup>
                        <col style="width:120px">
                        <col style="width:160px">
                        <col style="width:120px">
                        <col style="width:160px">
                        <col style="width:120px">
                        <col style="width:160px">
                    </colgroup>
                    <tr>
                        <th>异常类型</th>
                        <td><input name="warntype" disabled="disabled" style="width:100%"></td>
                        <th>异常时间</th>
                        <td><input name="warntime" style="width:100%"></td>
                        <th>异常地点</th>
                        <td><input name="gps" style="width:100%"></td>
                    </tr>
                    <tr>
                        <th>承运方</th>
                        <td><input name="corporationname" disabled="disabled" style="width:100%"></td>
                        <th>托运方</th>
                        <td><input name="sellername" disabled="disabled" style="width:100%"></td>
                        <th>订单号</th>
                        <td><input name="ordersid" disabled="disabled" style="width:100%"></td>
                    </tr>
                    <tr>
                        <th>货物名称</th>
                        <td><input name="productname" disabled="disabled" style="width:100%"></td>
                        <th>货物重量</th>
                        <td><input name="productweight" disabled="disabled" style="width:100%"></td>
                        <th>货物类型</th>
                        <td><input name="producttype" disabled="disabled" style="width:100%"></td>
                    </tr>
                    <tr>
                        <th>车牌号</th>
                        <td><input name="trucknumber" disabled="disabled" style="width:100%"></td>
                        <th>道路运输证</th>
                        <td><input name="RTCnumber" disabled="disabled" style="width:100%"></td>
                        <th>证件有效期</th>
                        <td><input id="RTCddl" name="RTCddl" disabled="disabled" style="width:100%"></td>
                    </tr>
                    <tr>
                        <th>车辆类型</th>
                        <td><input name="type" disabled="disabled" style="width:100%"></td>
                        <th>二级维护状态</th>
                        <td><input id="ershen" disabled="disabled" style="width:100%"></td>
                        <th>年审状态</th>
                        <td><input id="nianshen" disabled="disabled" style="width:100%"></td>
                    </tr>
                    <tr>
                        <th>驾驶员</th>
                        <td><input name="drivername" disabled="disabled" style="width:100%"></td>
                        <th>从业资格证</th>
                        <td><input name="QCnumber" disabled="disabled" style="width:100%"></td>
                        <th>证件有效期</th>
                        <td><input id="QCddl" name="QCddl" disabled="disabled" style="width:100%"></td>
                    </tr>
                    <tr>
                        <th>司机反馈</th>
                        <td colspan="3"><input disabled="disabled" style="width:100%"></td>
                        <th>拍照自检</th>
                        <td style="text-align: center">
                            <a id="img1" style="margin-right: 5px">查看图片</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer" style="padding-top:5px;padding-bottom: 5px;margin-top: 5px">
                <p style="float: left;color:red" id="accident_info"></p>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="imgs_modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content" style="width: 800px">
            <div class="modal-header">
                <h4 class="modal-title">照片</h4>
            </div>
            <div class="modal-body" style="padding-top: 5px; padding-bottom: 5px">
                <div id="img_form" style="height:250px; overflow-y: scroll">
                    <div class="row" style="position: relative;top:5px">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            <img id="snap1" style="width: 100%;height: 200px">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            <img id="snap2" style="width: 100%;height: 200px">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            <img id="snap3" style="width: 100%;height: 200px">
                        </div>
                    </div>
                </div>
                <div id="big" style="display: none;text-align: center">
                    <img id="big_img" src="" style="width: 480px;height: 320px">
                </div>
            </div>
        </div>
    </div>
</div>

<body>
<div style="height: 45px; background-color: #0f88eb">
    <li class="dropdown" style="float: right;list-style-type:none; padding-top: 7px;padding-right: 7px">
        <a class="dropdown-toggle icon-user icon-2x" data-toggle="dropdown" style="color: white;text-decoration:none"></a>
        <ul class="dropdown-menu pull-right">
            <li style="border-bottom: 1px solid #e0e0e0"><a href="userinfo_admin.html">用户信息</a></li>
            <li><a href="login.html">注销</a></li>
        </ul>
    </li>
</div>

<div class="container1" style="position: absolute;top:45px;width: 99%">
    <div style="height: 10px"></div>
    <div class="row" style="height: 487px">
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="height: 485px">
            <embed type="text/html" src="cy_catalog.html" style="width: 100%;height: 600px"/>
        </div>
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="height: 130px">
            <div class="row" style="height: 4px">
                <h3 class="title" style="background-image:url(../img/title.png);float: left">实时监控</h3>
            </div>
            <div class="row box" style="padding-bottom: 0;">
                <div style="clear: both"></div>
            </div>
            <div class="row box">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding :0px">
                    <audio id="alarm" src="../video/alarm1.wav" style="display: none"></audio>
                    <div class="btn-group" style="position: relative;float: left">
                        <!--
                        <button class="btn btn-default" id = "btn_chakan">查看详细</button>
                        -->
                        <button class="btn btn-default" type="button" id="btn_removeall">清空</button>
                    </div>
                    <div style="clear: both"></div>
                    <h4 class="table_title" style="margin:0;">消息列表</h4>
                    <div>
                        <table id="table1" style="width: 100%;overflow-x: scroll"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(".riqi").
    datetimepicker({
        language:  'zh-CN',
        format: 'yyyy-mm-dd',
        autoclose: true,
        todayBtn: true,
        startView: 'month',
        minView:'month',
        maxView:'decade'
    });
</script>
</body>
</html>
